/*首页思路分析 

1.a标签点击高亮
2.网页嵌套功能（a标签+iframe标签）
3.初始化数据
4.退出功能
5.搜索功能(做完整个项目,最后大家课后自行实现：根据学号搜索学员)
*/


/*1.a标签点击高亮
核心思路：类名排他
*/
const aList = document.querySelectorAll('.nav li li a')
aList.forEach(item => {
    item.addEventListener('click', function () {
        // (1)移除之前选中的类名
        document.querySelector('.nav .active').classList.remove('active')
        // (2)给自己添加类名
        this.classList.add('active')
    })
})

/* 2.网页嵌套功能（a标签+iframe标签）
(1)iframe标签作用 : 在一个页面中嵌套另一个页面 
    src属性:默认嵌套页面
(2)a标签target属性: 在什么位置打开网页
    _self : 当前页面
    _blank : 新页面
    iframe标签name值 : 在iframe标签中打开页面
原理:  
    <a href="页面路径" target="fm">
    <iframe src="默认页面路径" name="fm">
*/

/* 3.初始化数据 : 
(1)点击按钮发送ajax请求 
(2)响应成功之后刷新页面
*/
document.querySelector('.init').addEventListener('click',function(){
    axios({
        url: '/init/data',
        method:'get'
      }).then(res => {
        if (res.data.code == 0) {
			// 成功提示
			Toast.success('恭喜您，初始化数据成功！')
			// 刷新页面
			location.reload()
		}else{
            Toast.info(res.data.message)
        }
      })
})

/* 4.退出功能
(1)删除token
(2)跳转登录页
*/
document.querySelector('.logout').addEventListener('click',function(){
    if ( confirm('确定要退出登录吗？') ) {
		//(1) 销毁token
		localStorage.removeItem('mytoken')
        //(2) 跳转到登录页
		location.href = './login.html'
	}
})
